<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="publisher" content="TideCMS 8.5">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>果实物联_果实网</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link href="Test/index/css/base.css" rel="stylesheet" type="text/css">
    <link href="Test/index/css/style.css" rel="stylesheet" type="text/css">
    <link href="Test/index/css/SearchInfoWindow.css" rel="stylesheet" type="text/css">
    <link href="Test/index/css/bmap.css" rel="stylesheet" type="text/css">
    <script src="Test/index/js/dwrengine.js" type="text/javascript"></script>
    <script src="Test/index/js/loginService_new.js" type="text/javascript"></script>
    <script src="Test/index/js/getscript" type="text/javascript"></script>
    <script src="Test/index/js/BMapLib.js" type="text/javascript"></script>
    <script src="Test/index/js/SearchInfoWindow.js" type="text/javascript"></script>
    <script src="Test/index/js/api"></script>
    <script src="Test/index/jquery.js"></script>
    <script src="Test/index/js/jquery_1.js"></script>
    <script src="Test/index/js/common.js"></script>
    <!--<script src="js/map.js"></script>-->
    <script src="Test/index/js/api"></script>
</head>
<body style="position:relative">
<div id="login_str" style="display:none"></div>
<script>
    function divClick(divId) {

        var divObject = document.getElementById(divId);
        if (divObject.style.display == "block") {
            divObject.style.display = "none";
        } else {
            divObject.style.display = "block"
        }
    }
    //鼠标移入
    function overto(divId) {
        var divObject = document.getElementById(divId);
        if (divId == 'cartitem_message_div') {
            var loginname = $("#login_username_cartitem").val();
            cartitemMessage(loginname);
        }

        divObject.style.display = "block"

    }
    //鼠标移除
    function moveto(divId) {
        var divObject = document.getElementById(divId);
        divObject.style.display = "none"

    }
</script>

<!--引用百度地图API-->
<style type="text/css">
    html, body {
        margin: 0;
        padding: 0;
    }

    .iw_poi_title {
        color: #CC5522;
        font-size: 14px;
        font-weight: bold;
        overflow: hidden;
        padding-right: 13px;
        white-space: nowrap
    }

    .iw_poi_content {
        font: 12px arial, sans-serif;
        overflow: visible;
        padding-top: 4px;
        white-space: -moz-pre-wrap;
        word-wrap: break-word
    }
</style>
<script>

    $(function () {
        var wl_height = $(document).height();
        $(".wl_wrap").css("height", wl_height + "px");
    });

    $(function () {
        $(".map_menu > ul > li").mouseover(function () {
            $(this).siblings(".on").removeClass("on");
            $(this).addClass("on");
        });
    });

    function showMap(obj, id) {
        $(obj).siblings(".on").removeClass("on");
        $(obj).addClass("on");
        if (id == 3) {

            initMap(110.957923, 35.591638, 5, "satellite", "VirtualTour.json", 3);

        }
        else if (id == 1) {

            initMap(110.957923, 35.591638, 5, "satellite", "gzsz.json", 1);
        }
        else if (id == 2) {

            initMap(110.957923, 35.591638, 5, "satellite", "huas.json", 2);
        }
        else
            initMap(110.957923, 35.591638, 5, "satellite", "stationhuas.json", 4);
    }

    function go(href) {
        alert(href);
        //window.location.href=href;
    }
</script>
<div class="header navbar navbar-inverse navbar-fixed-top">
    <div class="header_index">
        <h1 class="logo"><a href="http://shouye.guoshi.com">果实网</a></h1>
        <ul class="menu">
            <li class="cur2"><a href="#">果实物联</a></li>
            <li><a href="http://127.0.0.1/portal/" target="_blank">果实定制</a></li>
            <li><a href="http://zhibo.guoshi.com" target="_blank">果实直播</a></li>
        </ul>
        <div class="right">
        </div>
    </div>
</div>
<br />
<div style="height: 662px;" class="wl_wrap">
    <div class="wl_map">
        <div style="width: 1186px; height: 596px; border: 0px none; overflow: hidden; position:     relative; z-index: 0; background-color: rgb(243, 241, 236); color: rgb(0, 0, 0); text-align: left;"
             id="dituContent">
            <div style="overflow: visible; position: absolute; z-index: 0; left: 0px; top: 0px; cursor: grab;">
                <div style="position: absolute; left: 0px; top: 0px; z-index: 9; overflow: hidden; width: 1186px; height: 596px;"
                     class="BMap_mask"></div>
                <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 200;">
                    <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 800;"></div>
                    <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 700;">
                        <!--======================显示地图中弹出框================================-->
                        <span title="" class="BMap_Marker BMap_noprint" unselectable="on" onclick="startObjVisible('objDiv')" style="position:
                        absolute; padding: 0px; margin: 0px; border: 0px none; -moz-user-select: none; cursor: pointer;
                        background: url(&quot;http://api.map.baidu.com/images/blank.gif&quot;) repeat scroll 0% 0%
                        transparent; width: 41px; height: 51px; left: 703px; top: 239px; z-index: -6305824;"></span>

                        <span title="" class="BMap_Marker BMap_noprint" unselectable="on" onclick="startObjVisible('objDiv')" style="position:
                        absolute; padding: 0px; margin: 0px; border: 0px none; -moz-user-select: none; cursor: pointer;
                        background: url(&quot;http://api.map.baidu.com/images/blank.gif&quot;) repeat scroll 0% 0%
                        transparent; width: 41px; height: 51px; left: 703px; top: 239px; z-index: -6305824;"></span>

                        <span title="" class="BMap_Marker BMap_noprint" unselectable="on" onclick="startObjVisible('objDiv1')" style="position:
                        absolute; padding: 0px; margin: 0px; border: 0px none; -moz-user-select: none; cursor: pointer;
                        background: url(&quot;http://api.map.baidu.com/images/blank.gif&quot;) repeat scroll 0% 0%
                        transparent; width: 41px; height: 51px; left: 790px; top: 9px; z-index: -6305824;"></span>

                        <span title="" class="BMap_Marker BMap_noprint" unselectable="on" onclick="startObjVisible('objDiv')" style="position:
                        absolute; padding: 0px; margin: 0px; border: 0px none; -moz-user-select: none; cursor: pointer;
                        background: url(&quot;http://api.map.baidu.com/images/blank.gif&quot;) repeat scroll 0% 0%
                        transparent; width: 41px; height: 51px; left: 668px; top: 124px; z-index: -7105824;"></span>
                    </div>

                    <div id="BMapLib_bubble_content3" class="BMapLib_bubble_content">
                        <div class="gzsz_all">
                            <table width=80%>
                                <tr>
                                    <td>
                                        <div id="objDiv" style="DISPLAY: none; background: #242421; text-align:center;">
                                            <div style="padding-bottom:10px;">
                                                <h3>天津大学</h3><hr />
                                                <div style="color:#42a3e5; text-align: left; padding:0 0 5px 10px;">2015年1月8日</div>
                                                <div style="color:#ffffff; text-align: left; padding:0 0 5px 10px;">
                                                    <a href="Home/School/index/schoolid/1">大白菜温室生长研究</a>
                                                </div>
                                                <div>
                                                    <a href="Home/School/index/schoolid/1">
                                                        <img src="Test/index/images/1425112820_821220762.jpg" width="180" height="130" border="1" />
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                        <div id="objDiv1" style="DISPLAY: none; background: #242421; text-align:center;">
                                            <div style="padding-bottom:10px;">
                                                <h3>哈尔滨十七中学</h3><hr />
                                                <div style="color:#42a3e5; text-align: left; padding:0 0 5px 10px;">2015年3月4日</div>
                                                <div style="color:#ffffff; text-align: left; padding:0 0 5px 10px;">
                                                    <a href="Home/School/index/schoolid/2">仓库的仙人掌研究</a>
                                                </div>
                                                <div>
                                                    <a href="Home/School/index/schoolid/2">
                                                        <img src="Test/index/images/1425112768_2032946842.jpg" width="180" height="130" border="1" />
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <script>
                        /*
                         *js显示隐藏图片
                         */
                        var intTimeStep=20;
                        var isIe=(window.ActiveXObject)?true:false;
                        var intAlphaStep=(isIe)?5:0.05;
                        var curSObj=null;
                        var curOpacity=null;
                        function startObjVisible(objId){
                            curSObj=document.getElementById(objId);
                            setObjState();
                        }
                        function setObjState(evTarget){
                            if (curSObj.style.display==""){curOpacity=1;setObjClose();
                            }else{
                                if(isIe){
                                    curSObj.style.cssText='DISPLAY: none;Z-INDEX: 1; FILTER: alpha(opacity=0); POSITION: absolute;';
                                    curSObj.filters.alpha.opacity=0;
                                }else{
                                    curSObj.style.opacity=0}
                                curSObj.style.display='';
                                curOpacity=0;
                                setObjOpen();}
                        }function setObjOpen(){
                            if(isIe){
                                curSObj.filters.alpha.opacity+=intAlphaStep;
                                if (curSObj.filters.alpha.opacity<100) setTimeout('setObjOpen()',intTimeStep);
                            }else{
                                curOpacity+=intAlphaStep;
                                curSObj.style.opacity =curOpacity;
                                if (curOpacity<1) setTimeout('setObjOpen()',intTimeStep);}
                        }
                        function setObjClose()
                        {
                            if(isIe){
                                curSObj.filters.alpha.opacity-=intAlphaStep;
                                if (curSObj.filters.alpha.opacity>0){
                                    setTimeout('setObjClose()',intTimeStep);
                                }else{
                                    curSObj.style.display="none";
                                }
                            }else{
                                curOpacity-=intAlphaStep;
                                if (curOpacity>0)
                                {
                                    curSObj.style.opacity =curOpacity;
                                    setTimeout('setObjClose()',intTimeStep);
                                }else{
                                    curSObj.style.display='none';}
                            }
                        }
                    </script>
                    <!--======================显示地图中弹出框结束！================================-->
                    <div style="position: absolute; height: 0px; width: 0px; left: 0

                    <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 600;"></div>
                    <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 500;"></div>
                    <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 400;">

						<span class="BMap_Marker" unselectable="on"
                              style="position: absolute; padding: 0px; margin: 0px; border: 0px none; width: 0px; height: 0px; -moz-user-select: none; left: 790px; top: 9px; z-index: -6305824;">
                            <div style="position: absolute; margin: 0px; padding: 0px; width: 41px; height: 51px; overflow: hidden;">
                                <img src="Test/index/images/hua.png"
                                     style="border:none;left:0px; top:0px; position:absolute;" onclick="tanchu()">
                            </div>
                        </span>
                        <!--<span class="BMap_Marker" unselectable="on"
                              style="position: absolute; padding: 0px; margin: 0px; border: 0px none; width: 0px; height: 0px; -moz-user-select: none; left: 660px; top: 302px; z-index: -5497302;">
                            <div style="position: absolute; margin: 0px; padding: 0px; width: 41px; height: 51px; overflow: hidden;">
                                <img src="images/hua.png"
                                     style="border:none;left:0px; top:0px; position:absolute;"/>
                            </div>
                        </span>
                        <span class="BMap_Marker" unselectable="on"
                              style="position: absolute; padding: 0px; margin: 0px; border: 0px none; width: 0px; height: 0px; -moz-user-select: none; left: 565px; top: 240px; z-index: -6297302;">

                            <div style="position: absolute; margin: 0px; padding: 0px; width: 41px; height: 51px; overflow: hidden;">
                                <img src="images/hua.png"
                                     style="border:none;left:0px; top:0px; position:absolute;">
                            </div>
                        </span>-->

						<span class="BMap_Marker" unselectable="on"
                              style="position: absolute; padding: 0px; margin: 0px; border: 0px none; width: 0px; height: 0px; -moz-user-select: none; left: 668px; top: 124px; z-index: -7105824;">
                            <div style="position: absolute; margin: 0px; padding: 0px; width: 41px; height: 51px; overflow: hidden;">
                                <img src="Test/index/images/hua.png"
                                     style="border:none;left:0px; top:0px; position:absolute;">
                            </div>
                        </span>


                    </div>

                    <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 300;"></div>
                    <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 200;"></div>
                </div>
                <div style="position: absolute; top: 0px; left: 0px; z-index: 1;">
                    <div style="position: absolute; z-index: -100; left: 593px; top: 298px;"><img
                            src="Test/index/images/ux5_003.jpg"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: -228px; top: 159px; opacity: 1;"><img
                            src="Test/index/images/ux4_003.jpg"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: -484px; top: 159px; opacity: 1;"><img
                            src="Test/index/images/ux3_002.jpg"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: -740px; top: 159px; opacity: 1;"><img
                            src="Test/index/images/ux6_002.jpg"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: 28px; top: 159px; opacity: 1;"><img
                            src="Test/index/images/ux7_003.jpg"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: 284px; top: 159px; opacity: 1;"><img
                            src="Test/index/images/ux8_002.jpg"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: 540px; top: 159px; opacity: 1;"><img
                            src="Test/index/images/ux5.jpg"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: -228px; top: -353px; opacity: 1;"><img
                            src="Test/index/images/ux4.jpg"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: -484px; top: -353px; opacity: 1;"><img
                            src="Test/index/images/ux6.jpg"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: 28px; top: -353px; opacity: 1;"><img
                            src="Test/index/images/ux5_002.jpg"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: -228px; top: -97px; opacity: 1;"><img
                            src="Test/index/images/ux3.jpg"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: -740px; top: -353px; opacity: 1;"><img
                            src="Test/index/images/ux7.jpg"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: 284px; top: -353px; opacity: 1;"><img
                            src="Test/index/images/ux4_002.jpg"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: -484px; top: -97px; opacity: 1;"><img
                            src="Test/index/images/ux6_003.jpg"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: 28px; top: -97px; opacity: 1;"><img
                            src="Test/index/images/ux8.jpg"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: 540px; top: -353px; opacity: 1;"><img
                            src="Test/index/images/ux3_003.jpg"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: -740px; top: -97px; opacity: 1;"><img
                            src="Test/index/images/ux7_002.jpg"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: 284px; top: -97px; opacity: 1;"><img
                            src="Test/index/images/ux8_003.jpg"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: 540px; top: -97px; opacity: 1;">
                    </div>
                    <div style="position: absolute; z-index: 0; left: 593px; top: 298px;"><img
                            src="Test/index/images/a_015.png"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: -228px; top: 159px; opacity: 1;"><img
                            src="Test/index/images/a_017.png"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: -484px; top: 159px; opacity: 1;"><img
                            src="Test/index/images/a_004.png"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: 28px; top: 159px; opacity: 1;"><img
                            src="Test/index/images/a_012.png"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: -740px; top: 159px; opacity: 1;"><img
                            src="Test/index/images/a_003.png"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: 540px; top: 159px; opacity: 1;"><img
                            src="Test/index/images/a_014.png"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: 284px; top: 159px; opacity: 1;"><img
                            src="Test/index/images/a_011.png"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: 28px; top: -97px; opacity: 1;"><img
                            src="Test/index/images/a_013.png"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: -228px; top: -353px; opacity: 1;"><img
                            src="Test/index/images/a.png"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: -484px; top: -353px; opacity: 1;"><img
                            src="Test/index/images/a_002.png"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: 28px; top: -353px; opacity: 1;"><img
                            src="Test/index/images/a_010.png"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: -228px; top: -97px; opacity: 1;"><img
                            src="Test/index/images/a_008.png"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: -740px; top: -353px; opacity: 1;"><img
                            src="Test/index/images/a_007.png"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: 284px; top: -353px; opacity: 1;"><img
                            src="Test/index/images/a_016.png"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: -484px; top: -97px; opacity: 1;"><img
                            src="Test/index/images/a_006.png"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: 540px; top: -353px; opacity: 1;"><img
                            src="Test/index/images/a_018.png"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: -740px; top: -97px; opacity: 1;"><img
                            src="Test/index/images/a_009.png"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: 284px; top: -97px; opacity: 1;"><img
                            src="Test/index/images/a_005.png"
                            style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: 540px; top: -97px; opacity: 1;">
                    </div>
                </div>
                <div style="position: absolute; top: 0px; left: 0px; z-index: 2;"></div>
            </div>

            <div class=" anchorBL"
                 style="height: 32px; position: absolute; z-index: 10; -moz-user-select: none; bottom: 0px; right: auto; top: auto; left: 1px;">
                <a style="outline: medium none;" href="http://map.baidu.com/?sr=1" target="_blank"
                   title="到百度地图查看此区域"><img style="border:none;width:77px;height:32px"
                                           src="Test/index/images/copyright_logo.png"></a></div>
            <div id="zoomer"
                 style="position:absolute;z-index:0;top:0px;left:0px;overflow:hidden;visibility:hidden;cursor:-moz-grab">
                <div class="BMap_zoomer" style="top:0;left:0;"></div>
                <div class="BMap_zoomer" style="top:0;right:0;"></div>
                <div class="BMap_zoomer" style="bottom:0;left:0;"></div>
                <div class="BMap_zoomer" style="bottom:0;right:0;"></div>
            </div>
            <div style="width: 52px; height: 233px; bottom: auto; right: 10px; top: 10px; left: auto; position: absolute; z-index: 1100; -moz-user-select: none;"
                 class=" BMap_stdMpCtrl BMap_stdMpType0 BMap_noprint anchorTR" unselectable="on">
                <div class="BMap_stdMpPan">
                    <div class="BMap_button BMap_panN" title="向上平移"></div>
                    <div class="BMap_button BMap_panW" title="向左平移"></div>
                    <div class="BMap_button BMap_panE" title="向右平移"></div>
                    <div class="BMap_button BMap_panS" title="向下平移"></div>
                    <div class="BMap_stdMpPanBg BMap_smcbg"></div>
                </div>
                <div style="height: 174px; width: 52px;" class="BMap_stdMpZoom">
                    <div style="height: 174px; width: 37px;">
                        <div class="BMap_button BMap_stdMpZoomIn" title="放大一级">
                            <div class="BMap_smcbg"></div>
                        </div>
                        <div class="BMap_button BMap_stdMpZoomOut" title="缩小一级">
                            <div class="BMap_smcbg"></div>
                        </div>
                    </div>
                    <div style="height: 140px;" class="BMap_stdMpSlider">
                        <div style="height: 131px;" class="BMap_stdMpSliderBgTop">
                            <div class="BMap_smcbg"></div>
                        </div>
                        <div style="top: 131px;" class="BMap_stdMpSliderBgBot">
                            <div class="BMap_smcbg"></div>
                        </div>
                        <div class="BMap_stdMpSliderMask" title="放置到此级别"></div>
                        <div style="cursor: grab; top: 99px;" class="BMap_stdMpSliderBar" title="拖动缩放">
                            <div class="BMap_smcbg"></div>
                        </div>
                    </div>
                    <div class="BMap_zlHolder">
                        <div class="BMap_zlSt">
                            <div class="BMap_smcbg"></div>
                        </div>
                        <div class="BMap_zlCity">
                            <div class="BMap_smcbg"></div>
                        </div>
                        <div class="BMap_zlProv">
                            <div class="BMap_smcbg"></div>
                        </div>
                        <div class="BMap_zlCountry">
                            <div class="BMap_smcbg"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div style="bottom: 18px; right: auto; top: auto; left: 81px; width: 74px; position: absolute; z-index: 10; -moz-user-select: none;"
                 class=" BMap_scaleCtrl BMap_noprint anchorBL" unselectable="on">
                <div style="background-color: transparent; color: white;" class="BMap_scaleTxt" unselectable="on">500&nbsp;公里</div>
                <div style="background-color: white;" class="BMap_scaleBar BMap_scaleHBar"><img style="border:none"
                                                                                                src="Test/index/images/mapctrls.png">
                </div>
                <div style="background-color: white;" class="BMap_scaleBar BMap_scaleLBar"><img style="border:none"
                                                                                                src="Test/index/images/mapctrls.png">
                </div>
                <div style="background-color: white;" class="BMap_scaleBar BMap_scaleRBar"><img style="border:none"
                                                                                                src="Test/index/images/mapctrls.png">
                </div>
            </div>
            <div style="cursor: default; white-space: nowrap; -moz-user-select: none; color: white; background: none repeat scroll 0% 0% transparent; font: 11px/15px arial,simsun,sans-serif; bottom: 2px; right: auto; top: auto; left: 81px; position: absolute; z-index: 10;"
                 class=" BMap_cpyCtrl anchorBL" unselectable="on"><span _cid="1"><span style="font-size:11px">© 2015 Baidu</span></span>
            </div>
        </div>
        <div class="map_menu">
            <ul>
                <li class="on" onclick="showMap(this,'1')"><span class="text"><a><img
                        src="Test/index/images/gzsz.png"></a><a>感知生长</a></span><span class="bg"></span></li>
                <li onclick="showMap(this,'2')"><span class="text"><a><img src="Test/index/images/ywxk.png"></a><a>仰望星空</a></span><span
                        class="bg"></span></li>
                <li onclick="showMap(this,'3')"><span class="text"><a><img src="Test/index/images/sjmy.png"></a><a>实景漫游</a></span><span
                        class="bg"></span></li>
                <li onclick="showMap(this,'4')"><span class="text"><a><img src="Test/index/images/qxz.png"></a><a>红领巾气象站</a></span><span
                        class="bg"></span></li>
            </ul>
        </div>
    </div>
</div>
<!--========首页尾部==============-->
<div class="footer">
    <div class="copyright">
        <p><a>©2014 中国教育电视台 京ICP证101020号</a>|<a href="#">使用指南</a>|<a href="#">关于果实</a>|<a href="#">联系我们</a></p>
    </div>
</div>
<!--======首页尾部结束！============-->


<script>
    function tanchu() {
        alert(111);
    }

    var Longitude = 0;//经度
    var Dimensions = 0;//维度
    var markerArr = [];//标记

    //shijingmanyou
    function getMarkerData(url, number) {
        markerArr = [];//清空数组，防止数组累积
        $.ajaxSettings.async = false;//设置为同步 否则全局变量markerArr值为空
        $.ajax({
            url: url,
            success: function (data) {
                $(data).each(function (index, item) {
                    var elem = "{\"summary\":\"" + item.summary + "\",\"title\":\"" + item.title + "\",\"index\":\"" + number + "\",\"tag\":\"" + item.tag + "\",\"address\":\"" + item.address + "\",\"phone\":\"" + item.phone + "\",\"iconurl\":\"\",\"href\":\"" + item.href + "\",\"cover\":\"" + item.photo + "\",\"point\":\"" + item.Longitude + "|" + item.Latitude + "\",\"isOpen\":0,\"icon\":{\"w\":41,\"h\":51,\"l\":0,\"t\":0,\"x\":6,\"lb\":15}}";
                    markerArr.push(elem);
                });
            },
            dataType: "json"
        });
    }

    function getMarkerData_(url, number) {
        var iconurl = "";
        markerArr = [];
        if (number == 1)
            iconurl = "/img/hua.png";
        else if (number == 2)
            iconurl = "/img/sky.png";
        $.ajaxSettings.async = false;//设置为同步 否则全局变量markerArr值为空
        $.ajax({
            url: url,
            success: function (data) {
                $(data).each(function (index, item) {
                    var elem = "{\"index\":\"" + number + "\",\"title\":\"" + item.title + "\",\"iconurl\":\"" + iconurl + "\",\"point\":\"" + item.Longitude + "|" + item.Latitude + "\",\"isOpen\":0,\"icon\":{\"w\":41,\"h\":51,\"l\":0,\"t\":0,\"x\":6,\"lb\":15},\"sub\":[";
                    var sub = item.sub;
                    $(sub).each(function (index_, item_) {
                        elem += "{\"title\":\"" + item_.title + "\",\"photo\":\"" + item_.photo + "\",\"date\":\"" + item_.date + "\",\"href\":\"" + item_.href + "\"}";
                        if (index_ != sub.length - 1)
                            elem += ",";
                    });
                    elem += "]}";

                    markerArr.push(elem);
                });

            },
            dataType: "json"
        });
    }
    //创建和初始化地图函数
    function initMap(Longitude, Dimensions, Level, maptype, url, index) {
        if (index == 3 || index == 4)
            getMarkerData(url, index);
        else
            getMarkerData_(url, index);
        createMap(Longitude, Dimensions, Level, maptype);//创建地图
        setMapEvent();//设置地图事件
        //向地图中添加缩放控件
        var ctrl_nav = new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_RIGHT, type: BMAP_NAVIGATION_CONTROL_LARGE});
        map.addControl(ctrl_nav);
        //向地图中添加比例尺控件
        var ctrl_sca = new BMap.ScaleControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT});
        map.addControl(ctrl_sca);
        //addMapControl();//向地图添加控件
        addMarker(Longitude, Dimensions);//向地图中添加marker
        map.panBy(0, -100);
    }

    //创建marker
    function addMarker() {
        for (var i = 0; i < markerArr.length; i++) {
            var ele = markerArr[i];
            var json = JSON.parse(ele);//string转成json
            var p0 = json.point.split("|")[0];
            var p1 = json.point.split("|")[1];
            var point = new BMap.Point(p0, p1);
            var iconurl = json.iconurl;
            var iconImg = createIcon(json.icon, iconurl);
            var marker = new BMap.Marker(point, {icon: iconImg});
            map.addOverlay(marker);

            (function () {
                var index = i;
                var _iw = createInfoWindow(i);//创建信息窗口，把当前标记的数据放到这个对象中，在通过getContent方法获取当前标记的信息
                var temp = _iw.getContent();


                var html = '';
                var number = temp.index;
                if (number == 3 || number == 4) {
                    html = '<div class="sjmy"><div class="sjmy_detail"><h3>' + temp.title + '</h3>' +
                            '<div class="sjmy_info"><a class="sjmy_img" href="' + temp.href + '" target="_blank"><img src="' + temp.cover + '"/></a><p class="summary">' + temp.summary + '</p><p class="contact">' +
                            '<span>地址：' + temp.address + ' </span><span>电话：' + temp.phone + '</span><span>标签：' + temp.tag + '</span></p>' +
                            '<a href="' + temp.href + '" target="_blank"><input type="button" class="ljck"/></a>' +
                            '</div> </div></div>';
                }
                else {
                    html = '<div class="gzsz_all"><h3>' + temp.title + '</h3><div class="gzsz"><ul>';
                    $(temp.sub).each(function (index, obj) {
                        html += '<li><span class="time">' + obj.date + '</span><span>' + obj.title + '</span><span><a href="' + obj.href + '" target="_blank"><img src="' + obj.photo + '" width="205" height="114" /></a></span> </li>';
                    });
                    html += '</ul></div>';
                }
                var _marker = marker;
                var _map = map;
                var _sear = createSearchInfoWindow(map, html, {
                    title: "",      //标题
                    width: 200,             //宽度
                    height: 336,              //高度
                    panel: "panel",         //检索结果面板
                    enableAutoPan: true,     //自动平移
                    //offset:_marker.getOffset(),
                    searchTypes: [
                        //BMAPLIB_TAB_SEARCH,   //周边检索
                        //BMAPLIB_TAB_TO_HERE,  //到这里去
                        //BMAPLIB_TAB_FROM_HERE //从这里出发
                    ]
                });


                _marker.addEventListener("click", function (e) {//重写标记的click事件
                    _sear.open(_marker)
                });

                _map.addEventListener("click", function (e) {
                    if (e.overlay)
                        return;
                    _sear.close();
                })
            })()

        }
    }

    function createSearchInfoWindow(map, content, opt) {
        //创建检索信息窗口对象
        var searchInfoWindow = null;
        searchInfoWindow = new BMapLib.SearchInfoWindow(map, content, opt);
        return searchInfoWindow;
    }

    //创建InfoWindow
    function createInfoWindow(i) {
        var json = markerArr[i];
        json = JSON.parse(json);
        var iw = new BMap.InfoWindow(json);
        return iw;
    }

    initMap(110.957923, 35.591638, 5, "satellite", "gzsz.json", 1);//创建和初始化地图
</script>
<script>
    set_class(".header .menu li", "cur1", "果实物联");
</script>
</body>
</html>